<!--{assign var="menu_id" value="party"}-->
<!--{include file="<!--{$oetplpath}-->block_header.tpl"}--> 
<!--{include file="<!--{$oetplpath}-->block_top.tpl"}-->
<div class="oe_party_tops" style="display:none;">
  <div class="oe_party_topscon">
    <h2>
	  <label>相亲活动</label>
	  <span>相亲活动由官方举办,积极参加线下相亲活动，加大脱单成功率</span>
	</h2>
    <form id="party_form" action="<!--{routeurl module='party' action='list'}-->" method="post">
      <input type="hidden" name="s_catid" id="s_catid" value="<!--{$s_catid}-->" />
      <div class="party_cat">
        <ul>
          <li><a href="<!--{routeurl module='party' action='list'}-->"<!--{if $s_catid == '0'}--> class="current"<!--{/if}-->>全部</a> </li>
          <!--{assign var="partycatlist" value=vo_list("mod={volistvar} where={partycat}")}--> 
          <!--{foreach $partycatlist as $val}--> 
          <li><a href="<!--{routeurl module='party' action='list' items="s_area1=<!--{$s_area1}-->|s_area2=<!--{$s_area2}-->|s_area3=<!--{$s_area3}-->|s_area4=<!--{$s_area4}-->|s_catid=<!--{$val.value}-->"}-->" <!--{if $val.value==$s_catid}-->class="current" <!--{/if}-->><!--{$val.text}--></a></li> 
          <!--{/foreach}-->
        </ul>
        <div class="oe_area">
          <dl class="city">
            <dt><span></span></dt>
            <dd>
              <!--{area type='select' name='s_area' depth='1' child='1' text='选择地区' callback='jumpArea' value=$s_area1}-->
              <span id="json_s_area2">
              <!--{if $s_area1 > 0}--> 
              <!--{area type='select' name='s_area' depth='2' child='1' text='选择地区' callback='jumpArea' parentid=$s_area1 value=$s_area2}--> 
              <!--{else}-->
              <select name="s_area2" id="s_area2">
                <option value="">选择地区</option>
              </select>
              <!--{/if}--> 
              </span>
            </dd>
            <div class="clear"></div>
          </dl>
        </div>
        <div class="clear"></div>
      </div>
    </form>
	<script type="text/javascript">
	function jumpArea() {
		$s_area1 = $("#s_area1").val();
		$s_area1 = parseInt($s_area1);
		$s_area2 = $("#s_area2").val();
		if (typeof($s_area2) == "undefined") {
			$s_area2 = 0;
		}
		else {
			$s_area2 = parseInt($s_area2);
		}
		if ($s_area2 > 0) {
			$("#party_form").submit();
		}
	}
	</script>
  </div>
</div>

<div class="oe_main">
  <div class="oe_party_ma" style="display:non;">
    <h1>主题：<!--{$party.title}--></h1>
    <p class="p_1">
	  活动时间： <span><!--{$party.starttime|date_format:"%Y/%m/%d %H:%M"}--> - 
      <!--{$party.endtime|date_format:"%Y/%m/%d %H:%M"}--></span>
	</p>
    <img src="<!--{$oefile}-->?c=scan&a=scan&mod=party&id=<!--{$party.partyid}-->&r=<!--{$time}-->&size=8" />
    <p class="p_2">微信扫码，快速报名</p>
    <p class="p_3"> 共有<i><!--{($party.bmmans+$party.bmladys)}--></i>人报名<span f="but_open_bmuser">查看报名会员</span></p>
  </div>
  <div class="oe_party_con"> 
    <dl class="top">
      <dt><img src="<!--{$party.drawimg}-->" /></dt>
      <dd>
        <h4><!--{$party.title}--></h4>
		<ul>

		  <li>
		    <label class="label_1"></label><!--{$party.starttime|date_format:"%Y/%m/%d %H:%M"}--> - 
			<!--{$party.endtime|date_format:"%Y/%m/%d %H:%M"}-->
		  </li>
		  <li>
		    <label class="label_2"></label><!--{area type="text" value=$party.area1}--> <!--{area type="text" value=$party.area2}--> <!--{area type="text" value=$party.area3}--> <!--{$party.address}-->
		  </li>
		  <li>
		    <label  class="label_3"></label>
		    <span class="span_1"> 男：<em><!--{if $party.limitman >0}--><!--{$party.limitman}--> </em>人<em><!--{else}-->不限<!--{/if}--></em> (已报<em><!--{$party.bmmans}--></em>人) </span> <span class="span_2"> 　　 女：<em><!--{if $party.limitlady >0}--><!--{$party.limitlady}--></em> 人 <em><!--{else}-->不限<!--{/if}--></em> (已报<em><!--{$party.bmladys}--></em>人) </span>
		  </li>
		  <!--{if !empty($party.traffic)}-->    
		  <li><label  class="label_4"> </label><!--{$party.traffic}--> </li>
		  <!--{/if}-->

		  <li class="btn">
		    截止报名：<!--{$party.endbmtime|date_format:"%Y/%m/%d %H:%M"}-->
			<!--{if $party.endbmtime < $time}-->
			(结束报名)
			<!--{/if}-->
		  </li>
		  

		</ul>
      </dd>
      <div class="clear"></div>
    </dl>

    <div class="oe_partycontent">
	  <div class="oe_partyleft">
		<dl class="dl_1">
		  <dt>活动详情</dt>
		  <dd><!--{$party.content}--> </dd>
		</dl>
		<div class="oe_party_step">
		  <dl>
		    <dt><span></span>活动流程</dt>
		    <dd>
			  <div class="line"></div>
			  <ul>
				<li>
				  <span class="span_1"></span><b>报名活动</b>
				  <p>找到感兴趣的活动，提交报名信息；</p>
				</li>
				<li>
				  <span class="span_2"></span><b>支付费用</b>
				  <p>在线支付费用，也可以参加活动时现场支付；</p>
				</li>
				<li>
				  <span class="span_3"></span><b>准时参加活动</b>
				  <p>现场签到，参加活动；</p>
				</li>
				<li>
				  <span class="span_4"></span><b>活动结束</b>
				  <p>有心仪的对象，进一步交往。</p>
				</li>
			  </ul>
		    </dd>
		  </dl>
	    </div>
      </div>

      <div class="oe_partyright">
		
		<!--{if !empty($party.maplng) && !empty($party.maplat)}-->
        <div class="oe_party_map">
          <h3><i></i>活动地点</h3>
          <div class="bd" id="oe_mapcont">

          </div>
        </div>
		<!--{/if}-->

        <div class="oe_party_elite">
          <h3><i></i>最新活动</h3>
          <div class="bd">
            <!--{assign var='elite_diary' value=vo_list("mod={party} num={5}")}-->
            <!--{foreach $elite_diary as $volist}-->
            <dl>
              <dt><a href="<!--{$volist.url}-->" target="_blank"><img src="<!--{$volist.thumbimg}-->" /></a> </dt>
              <dd><a href="<!--{$volist.url}-->"><!--{$volist.title}--></a></h5></dd>
              <div class="clear"></div>
            </dl>
            <!--{/foreach}-->
          </div>
        </div>
      </div>
      <div class="clear"></div>
    </div>
  </div>
</div>
<!--{include file="<!--{$oetplpath}-->block_footer.tpl"}-->
<input type="hidden" id="partyid" value="<!--{$party.partyid}-->" />
<script src="<!--{$skinpath}-->js/party.js"></script>

<div class="oe_party_bottom">
  <div class="oe_party_bcontent">
    
	<!--{if $login.status == '0'}-->
    <span class="span_1" f="pop_jdlogin"><em></em>我要报名</span>
	<span class="span_2" f="pop_jdlogin"><em></em>我参加的</span>
	<!--{else}-->
	<!--{if $party.bm == '1'}-->
	<span class="span_1 current"><em></em>您已报名</span>
	<!--{elseif $party.bm == '2'}-->
	<span class="span_1 current"><em></em>已结束报名</span>
	<!--{elseif $party.bm == '3'}-->
	<span class="span_1 current"><em></em>名额已满</span>
	<!--{else}-->
	<span class="span_1" f="but_open_partybm" data-id="<!--{$party.partyid}-->"><em></em>我要报名</span>
	<!--{/if}-->
	<span class="span_2"><em></em><a href="<!--{$urlpath}-->index.php?m=user&c=party">我参加的</a></span>
	<!--{/if}-->
    <p class="p_1"> <b>客服热线：</b><!--{$config.sitetel}--></p>
  </div>
</div>

<div style="height:50px;"></div>
<!--{if !empty($party.maplng) && !empty($party.maplat)}-->
<!--{assign var="baidu_map_key" value="<!--{$config.baidumap_key}-->"}-->
<!--{if empty($baidu_map_key)}-->
<!--{assign var="baidu_map_key" value="d9jat2VxBFnIEWKGs2NaxAowYXDvlzal"}-->
<!--{/if}-->
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=<!--{$baidu_map_key}-->"></script>
<script type="text/javascript">
function _getMap($lng, $lat, $address, $mapid) {
	var map_obj = ""; //地图对象
	var map_point = ""; //坐标对象
	var map_marker = ""; //标注对象
	map_obj = new BMap.Map($mapid);
	if ($lng.length > 0 && $lat.length > 0) {
		map_point = new BMap.Point($lng, $lat);
		map_obj.centerAndZoom(map_point, 17);
	}
	else {
		if ($address.length > 0) {
			map_obj.centerAndZoom($address, 17);
		}
	}
	map_obj.addControl(new BMap.NavigationControl()); // 添加平移缩放控件
	map_obj.addControl(new BMap.ScaleControl()); // 添加比例尺控件
	map_obj.addControl(new BMap.OverviewMapControl()); //添加缩略地图控件
	map_obj.enableScrollWheelZoom(); //启用滚轮放大缩小
	map_obj.addControl(new BMap.MapTypeControl()); //添加地图类型控件放按

	if ($lng.length > 0 && $lat.length > 0) {
		map_marker = new BMap.Marker(new BMap.Point($lng, $lat));
		map_marker.enableDragging();
		map_obj.addOverlay(map_marker);
		
		/*
		var infoWindow = new BMap.InfoWindow("<!--{$party.title}--><br/>地址：<!--{area type='text' value=$party.area1}--> <!--{area type='text' value=$party.area2}--> <!--{$party.address}-->");  // 创建信息窗口对象
		map_obj.openInfoWindow(infoWindow,map_point); //开启信息窗口
		*/
	}
}

$(function(){
	_getMap("<!--{$party.maplng}-->", "<!--{$party.maplat}-->", "<!--{area type='text' value=$party.area1}--> <!--{area type='text' value=$party.area2}-->", "oe_mapcont");
});
</script>
<!--{/if}-->
</body>
</html>